<template>
    <div class="app-container ">
        <el-form ref="form" size="small" :model="form" :rules="rules" label-width="180px">
            <el-tabs v-model="activeName">
                <el-tab-pane style="padding-top:10px" label="基本信息" name="基本信息">
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="系统名称">
                                <el-input v-model="form.sys_title" auto-complete="off" clearable placeholder="请输入系统名称" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="logo" prop="logo">
                                <ImagesUpload size="small" file-type="image" :image.sync="form.logo" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="提审版本号">
                                <el-input v-model="form.program_version" auto-complete="off" clearable placeholder="提审版本号" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="标语(口号)">
                                <el-input v-model="form.SITE_SLOGAN" auto-complete="off" clearable placeholder="标语(口号)" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="关键词" prop="keyword">
                                <Tag :tag-list.sync="form.keyword" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="描述" prop="description">
                                <el-input v-model="form.description" type="textarea" auto-complete="off" :autosize="{ minRows: 2, maxRows: 4}" clearable placeholder="请输入站点描述" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="邮箱">
                                <el-input v-model="form.EMAIL" auto-complete="off" clearable placeholder="邮箱" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="联系电话">
                                <el-input v-model="form.TELEPHONE" auto-complete="off" clearable placeholder="请输入联系电话" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="首页弹窗客服二维码">
                                <ImagesUpload size="small" file-type="image" :image.sync="form.kefuqrcode" />
                                <div class="help-block">图片尺寸：600x970像素</div>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="版权信息" prop="copyright">
                                <el-input v-model="form.copyright" auto-complete="off" clearable placeholder="请输入版权信息" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="自营门店店名" prop="store_name">
                                <el-input v-model="form.store_name" auto-complete="off" clearable placeholder="请输入自营门店店名" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="自营门店联系人" prop="store_person">
                                <el-input v-model="form.store_person" auto-complete="off" clearable placeholder="请输入自营门店联系人" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="自营门店联系号码" prop="store_phone">
                                <el-input v-model="form.store_phone" auto-complete="off" clearable placeholder="请输入自营门店联系号码" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="自营门店地址" prop="store_address">
                                <el-input v-model="form.store_address" auto-complete="off" clearable placeholder="请输入自营门店地址" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="自营门店地址纬度" prop="store_latitude">
                                <el-input v-model="form.store_latitude" auto-complete="off" clearable placeholder="请输入自营门店地址纬度" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="自营门店地址经度" prop="store_longitude">
                                <el-input v-model="form.store_longitude" auto-complete="off" clearable placeholder="请输入自营门店地址经度" />
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="经纬取值" prop="">
                                <span style="color: red;"><a href="https://lbs.qq.com/tool/getpoint/get-point.html" target="_blank"> https://lbs.qq.com/tool/getpoint/get-point.html</a></span>
                            </el-form-item>

                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="系统状态">
                                <el-radio-group v-model="form.sys_status">
                                    <el-radio label="0">关闭</el-radio>
                                    <el-radio label="1">开启</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-tab-pane>
                <el-tab-pane style="padding-top:10px" label="系统参数" name="系统参数">

                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="默认订单自动结算时间" prop="automaticsettlement">
                                <el-input-number v-model="form.automaticsettlement" controls-position="right" style="width:300px;" auto-complete="off" clearable :min="0" placeholder="默认订单自动结算时间" />
                                <div class="help-block">多少天</div>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="显示商家的默认距离" prop="storedistance">
                                <el-input-number v-model="form.storedistance" controls-position="right" style="width:300px;" auto-complete="off" clearable :min="0" placeholder="请输入显示商家的默认距离" />
                                <div class="help-block">单位：km</div>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="显示师傅列表的默认距离" prop="technicaldistance">
                                <el-input-number v-model="form.technicaldistance" controls-position="right" style="width:300px;" auto-complete="off" clearable :min="0" placeholder="请输入显示师傅列表的默认距离" />
                                <div class="help-block">单位：km</div>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="首页订单播报">
                                <el-radio-group v-model="form.is_broadcast">
                                    <el-radio label="0">关闭</el-radio>
                                    <el-radio label="1">开启</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="商品/服务列表图片比例">
                                <el-radio-group v-model="form.listimgproportion">
                                    <el-radio label="11">1：1</el-radio>
                                    <el-radio label="43">4：3</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="师傅列表图片比例">
                                <el-radio-group v-model="form.techlistimgproportion">
                                    <el-radio label="11">1：1</el-radio>
                                    <el-radio label="43">4：3</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="默认订单状态">
                                <el-select v-model="form.default_order_status_id" style="width:100%" filterable clearable placeholder="请选择">
                                    <el-option v-for="(item,i) in select.order_status" :key="i" :label="item.key" :value="item.val" />
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="订单已付款状态">
                                <el-select v-model="form.paid_order_status_id" style="width:100%" filterable clearable placeholder="请选择">
                                    <el-option v-for="(item,i) in select.order_status" :key="i" :label="item.key" :value="item.val" />
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="订单完成状态">
                                <el-select v-model="form.complete_order_status_id" style="width:100%" filterable clearable placeholder="请选择">
                                    <el-option v-for="(item,i) in select.order_status" :key="i" :label="item.key" :value="item.val" />
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="订单取消状态">
                                <el-select v-model="form.cancel_order_status_id" style="width:100%" filterable clearable placeholder="请选择">
                                    <el-option v-for="(item,i) in select.order_status" :key="i" :label="item.key" :value="item.val" />
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-tab-pane>
                <el-tab-pane style="padding-top:10px" label="会员系统设置" name="会员系统设置">
                    <el-row v-if="sysversion=='v2'">
                        <el-col :span="24">
                            <el-form-item label="强制登录">
                                <el-radio-group v-model="form.WECHAT_REGISTER_CLOSE">
                                    <el-radio label="0">否</el-radio>
                                    <el-radio label="1">是</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row v-if="sysversion=='v2'">
                        <el-col :span="24">
                            <el-form-item label="注册需要审核">
                                <el-radio-group v-model="form.reg_check">
                                    <el-radio label="0">否</el-radio>
                                    <el-radio label="1">是</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="价格替代的文字" prop="shiftprice">
                                <el-input v-model="form.shiftprice" auto-complete="off" clearable placeholder="请输入价格替代的文字" />
                                <div class="help-block">不显示价格替代的文字</div>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-tab-pane>
            </el-tabs>
            <el-form-item>
                <el-button size="small" type="primary" @click="submit">保存设置</el-button>
            </el-form-item>
        </el-form>

    </div>
</template>
<script>
import ImagesUpload from '@/components/common/ImagesUpload.vue'
import Tag from '@/components/common/Tag.vue'
export default {
    name: 'Configindex',
    components: {
        ImagesUpload,
        Tag
    },
    data() {
        return {
            form: {},
            select: {},
            sysversion: '',
            loading: false,
            activeName: '基本信息',
            rules: {}
        }
    },
    mounted() {
        this.$api.post('/config/getField').then(res => {
            this.select = res.data
        })
        this.$api.get('/Sysbase/sysversion', this.form).then(res => {
            this.sysversion = res.data
        })
        this.$api.post('/config/getInfo').then(res => {
            this.form = JSON.stringify(res.data) == '[]' ? {} : res.data
            this.setDefaultVal('keyword')
        })
    },
    methods: {
        submit() {
            this.$refs['form'].validate(valid => {
                if (valid) {
                    this.loading = true
                    this.$api.post('/config/update', this.form).then(res => {
                        this.$message({
                            message: '操作成功',
                            type: 'success'
                        })
                    }).catch(() => {
                        this.loading = false
                    })
                }
            })
        },
        setDefaultVal(key) {
            if (this.form[key] == null || this.form[key] == '') {
                this.form[key] = []
            }
        }
    }
}
</script>
